.header{
	background: url(../../assets/modalheaderbackground.png) no-repeat;
	height: fixpx(187);
	width: fixpx(567);
	background-size: 100% auto;
	margin-left: fixpx(30);
	margin-top:fixpx(-120);
}
.close {
	float: right;
	margin-top: fixpx(11);
	margin-right: fixpx(48);
	>i {
		color: #fff;
		font-size: fixpx(40);
	}
}
.title{
	color: #fff;
	font-size: fixpx(42);
	font-weight: 600;
	padding: fixpx(65) fixpx(180);
}
.wrap{
	animation: open 0.3s 1 linear;
	transform-origin:0% 0%;
}
@keyframes open {
	0% {
		opacity: 0.5;
		transform: scale(0) translate(-50%, -50%);
	}
	100% {
		opacity: 1;
		transform:scale(1) translate(-50%, -50%);
	}
}
.close{
	animation: close 0.3s 1 linear;
	transform-origin:0% 0%;
}
@keyframes close {
	0% {
		opacity: 1;
		transform: scale(1) translate(-50%, -50%);
	}
	100% {
		opacity: 0;
		transform:scale(0) translate(-50%, -50%);
	}
}
.body{
	text-align: center;
	.b_title {
		font-size: fixpx(30);
	}
	.rev_body {
		padding: fixpx(40);
	}
	.rev_form {
		margin:0 0 fixpx(30) 0;
		.rev_txt{
		width: 100%;
		height: fixpx(78);
		background: #fff;
		border: 1px solid #d7d7d6;
		-moz-box-shadow:-1px -3px 5px #f5f4f3 inset;        
		-webkit-box-shadow:-1px -3px 5px #f5f4f3 inset;       
		box-shadow:-1px -3px 5px #f5f4f3 inset;
		border-radius: 8px;
		text-indent: fixpx(30);
		}
		.rev_txt2{
			@extend .rev_txt;
			height:auto;
			padding-top: 10px;
		}
	}
	
}
.button {
	width: fixpx(389);
	height:fixpx(89);
	background: url(../../assets/viewbutton.png) no-repeat;
	color: #fff;
	font-size: fixpx(24);
	font-weight: 600;
	background-position-y: fixpx(10);
	background-size: 100% auto;
}

